<!doctype html>
<html>

	<head>
	    <meta charset="UTF-8">
	    <title></title>
	    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	    <link href="../../css/mui.min.css" rel="stylesheet" />
	    <style media="screen">
	        #header {
				background-color: #498af7;
			}
			#header h1 {
				color: #fff;
				font-size: 15px;
			}
	
	        .mui-bar~.mui-content .mui-fullscreen {
	            top: 44px;
	            height: auto;
	        }
	        
	        .mui-pull-top-tips {
	            position: absolute;
	            top: -20px;
	            left: 50%;
	            margin-left: -25px;
	            width: 40px;
	            height: 40px;
	            border-radius: 100%;
	            z-index: 1;
	        }
	        
	        .mui-bar~.mui-pull-top-tips {
	            top: 24px;
	        }
	        
	        .mui-pull-top-wrapper {
	            width: 42px;
	            height: 42px;
	            display: block;
	            text-align: center;
	            background-color: #efeff4;
	            border: 1px solid #ddd;
	            border-radius: 25px;
	            background-clip: padding-box;
	            box-shadow: 0 4px 10px #bbb;
	            overflow: hidden;
	        }
	        
	        .mui-pull-top-tips.mui-transitioning {
	            -webkit-transition-duration: 200ms;
	            transition-duration: 200ms;
	        }
	        
	        .mui-pull-top-tips .mui-pull-loading {
	            margin: 0;
	        }
	        
	        .mui-pull-top-wrapper .mui-icon,
	        .mui-pull-top-wrapper .mui-spinner {
	            margin-top: 7px;
	        }
	        
	        .mui-pull-bottom-tips {
	            text-align: center;
	            font-size: 15px;
	            line-height: 40px;
	            color: #777;
	        }
	        
	        .mui-pull-top-canvas {
	            overflow: hidden;
	            background-color: #fafafa;
	            border-radius: 40px;
	            box-shadow: 0 4px 10px #bbb;
	            width: 40px;
	            height: 40px;
	            margin: 0 auto;
	        }
	        
	        .mui-pull-top-canvas canvas {
	            width: 40px;
	        }
	        .mui-control-content .mui-loading {
				margin-top: 50px;
			}
			
	        .mui-slider-indicator.mui-segmented-control {
	            background-color: #f2f5f8;
	        }
	        
	        
	        .mui-table-view-cell { 
	            background: #fff;
	        }
	        
	        p, h5 {
				margin: 0;
			}
			.engineer-info {
				float: right;
				text-align: center;
			}
			
			.jiaji-situation {
	            border-color: rgb(254, 204, 81);
	            color: rgb(254, 204, 81);
	        }
	        
	        .jinji-situation {
	            border-color: orange;
	            color: orange;
	        }
	        
	        .chaoji-situation {
	        		border-color: red;
	        		color: red;
	        }
			.text-border {
	            border-width: 1px;
	            border-style: solid;
	            border-radius: 10px;
	            padding: 0 5px;
	            font-size: 12px;
	            line-height: 18px;
	        }
	        .doctor-info {
	        		line-height: 30px;
	        }
	        .doctor-name {
	        		margin-left: 10px;
	        }
	        .mui-slider .mui-slider-group .mui-slider-item img {
	        		width: 30px;
	        }
	        img {
	        		border-radius: 50%;
	        		vertical-align: top;
	        		background-size: contain;
	        		background-repeat: no-repeat;
	        }
	        /* 医生头像 */
	        .list-item-content img {
	        		height: 30px;
	        }
	        /* 工程师头像 */
	        #engineer-display {
	        	 	width: 40px;
	        	 	height: 40px;
	        	 	margin-top: 5px;
	        }
	        .circle-name {
	            display: inline-block;
	            text-align: center;
	            color: #498af7;
	            background-color: #dbe6fa;
	            border-radius: 50%;
	            vertical-align: top;
	        }
	        .doctor-circle-name {
	        		font-size: 14px;
	        		width: 30px;
	            height: 30px;
	            line-height: 30px;
	        }
	        .engineer-circle-name {
	        		font-size: 18px;
	        		width: 40px;
	            height: 40px;
	            line-height: 40px;
	        }
	        .engineer-name {
	        		font-size: 14px;
	        		line-height: 20px;
	        }
	        .engineer-role {
	        		font-size: 12px;
	        		line-height: 20px;
	        }
	        .hospital-department {
	        		font-size: 12px;
	        		color: #999;
	        		line-height: 24px;
	        }
	        .order-title {
	        		font-size: 15px;
	        		color: #000;
	        		margin-top: 5px;
	        		margin-bottom: 3px;
	        }
	        .order-content {
	        		font-size: 14px;
	        		color: #666;
	        }
	        .add-time {
	        		font-size: 12px;
	        		color: #999;
	        }
	    
	        .mui-control-item {
	            color: #666;
	        }
	        
	         .no-data {
				margin-top: 50px;
				text-align: center;
			}
			
			.network-error {
				text-align: center;
				padding-top: 50px;
				color: #eee;
			}
			.network-error-icon {
				font-size: 64px;
			}
	    </style>
	</head>
	
	<body>
	    <header class="mui-bar mui-bar-nav" id="header">
	    		<h1 class="mui-title">工单</h1>
		</header>
		<div class="mui-content">
			<div id="slider" class="mui-slider mui-fullscreen">
				<div id="segmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<a class="mui-control-item mui-active" href="#item1">
						待处理
					</a>
					<a class="mui-control-item" href="#item2">
						处理中
					</a>
					<a class="mui-control-item" href="#item3">
						待确认
					</a>
					<a class="mui-control-item" href="#item4">
						已完成
					</a>
				</div>
				<div id="segmentedControlBar" class="mui-slider-progress-bar mui-col-xs-3"></div>
				<div class="mui-slider-group">
					<div id="item1" class="mui-slider-item mui-control-content mui-active">
						<div id="scroll1" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<div class="item-content">
									<div class="mui-loading">
										<div class="mui-spinner">
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div id="item2" class="mui-slider-item mui-control-content">
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<div class="item-content">
									<div class="mui-loading">
										<div class="mui-spinner">
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div id="item3" class="mui-slider-item mui-control-content">
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<div class="item-content">
									<div class="mui-loading">
										<div class="mui-spinner">
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div id="item4" class="mui-slider-item mui-control-content">
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<div class="item-content">
									<div class="mui-loading">
										<div class="mui-spinner">
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="../../js/mui.min.js"></script>
	<script src="../../js/mui.pullToRefresh.js"></script>
	<script src="../../js/mui.pullToRefresh.material.js"></script>
	<script src="../../js/md5.min.js" charset="utf-8"></script>
	<script src="../../js/imgload.js" charset="utf-8"></script>
	<script src="../../js/order.js"></script>
</html>